<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/page/common/common_header.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>日志录入</title>

<script src='${baseURL }/js/jquery.min.js'></script>

<script type="text/javascript" src="${baseURL }/package/js/itcui.min.js"></script>
<script type="text/javascript" src="${baseURL }/js/itcui.js"></script>
<script type="text/javascript" src="${baseURL }/js/public.js"></script>
<script type="text/javascript" src="${baseURL }/js/jquery.ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="${baseURL }/js/jquery-ui-1.10.3.custom.min.js"></script>

<!-- toolbar css  -->
<link rel="stylesheet" type="text/css" href="${baseURL }/css/content_table.css" media="all"/>
<link rel="stylesheet" type="text/css" href="${baseURL }/css/itcui.css" media="all"/>
<link rel="stylesheet" type="text/css" href="${baseURL }/css/base.css" media="all"/>
<link rel="stylesheet" type="text/css" href="${baseURL }/css/smoothness/jquery-ui-1.10.3.custom.min.css" media="all"/>

<script type="text/javascript" src="http://10.0.250.52/uidev/package/js/itcui.dev.js"></script>
<link rel="stylesheet" type="text/css" href="http://10.0.250.52/uidev/package/css/itcui.dev.css" media="all"/>

<script type="text/javascript" src="${baseURL }/js/operationlog/logDetail.js?version=1.2"></script>
<script type="text/javascript" src="${baseURL }/js/common/addTab.js?version=1.2"></script>

<script type="text/javascript">
$(function(){
	//用来标记交班走到那一步骤
	var flag = 0;
	
	//新建运行记事
	$("#newOperation").click(function(){
		var url = "${baseURL}/page/workconsole/operationSave.jsp";
		var date = new Date().getTime();
		addTab( "newOperation" + date,  "增加运行记事", url );
	});
	
	//交班
	$("#jiaoBan").click(function(){
		flag = 1;
		selectShow( flag );
	});
	
	
	$("#preStep").click(function(){
		flag -- ;
		if( flag < 0 ){
			flag = 0;
			step0();
		}else{
			selectShow( flag );
		}
	});
	$("#nextStep").click(function(){
		flag ++ ;
		if( flag > 4 ){
			flag = 0;
			step0();
		}else{
			selectShow( flag );
		}
	});
	
});

</script>
<script type="text/javascript">

	$(function(){

		var fields = [
			  			{title : "日期", id : "dayTime", type : "text" },
			  			{title : "星期", id : "week"},
			  			{
			  				title : "班次", 
			  				id : "classes",
			  				type : "combobox",
			  				data : [
			  					["changbai","常白班"],
			  					["yeban","夜班"]
			  				]
			  			},
			  			{title : "值次", id : "duty"},
			  			{title : "天气", id : "weather"},
			  			{title : "交班状态", id : "status"},
			  			{title : "编号", id : "num"},
			  			{title : "值班人员", id : "dutyPerson"},
			  			{title : "交班人", id:"jiaobanPerson",type:"text"},
						{title : "接班人", id:"jiebanPerson",type:"text"}
			  		];

		$("#searchForm").ITC_Form({},fields);
		var data = {
				"dayTime" : "2014-05-19",
				"week" : "四",
				"duty" : "1值",
				"weather":"晴",
				"status":"交接成功",
				"num":"CHH2014051900001",
				"dutyPerson":"李四",
				"jiaobanPerson":"张三",
				"jiebanPerson":"王五"
			};
			$("#searchForm").ITC_Form("loaddata",data);
			$("#f_dayTime").val("2014-05-20");
			$("#searchForm").ITC_Form("readonly");
			
		//填充列表数据
		for(var i = 1; i < 15; i ++ ){
			newrow( i );
			newrow2( i );
		}
		$("#jiebanContent").val("#1机组备用，#2机组备用，一次调频投入；厂用电分段运行；220kV库长线、英长线、#1主变在运行状态；35kV南长线有压，301、601、602开关在运行状态；603开关在“试验”位置。");
		$("#jiaobanContent").val("");
		
	});
</script>

</head>
<body class="ml12 mr12 mt12"  >
	<div class="btn-group btn-group-sm" id="toolBarDiv" style="display: none;">
    <button type="button" class="btn btn-default" id="newOperation">新建运行记事</button>
    <button type="button" class="btn btn-default" id="jiaoBan">交班</button>
	</div>
	
	<div class="btn-group btn-group-sm" id="processDiv" style="display: none;">
    <button type="button" class="btn btn-default" id="preStep">上一步</button>
    <button type="button" class="btn btn-default" id="nextStep">下一步</button>
	</div>
	
	
	<div id="form_main">
		<div id="heardDiv" style="height: auto;width: 100%; display: none;">
			<div id="base_info" class="itcui_frm_grp_title" style="width:100%">
				<span class="itcui_frm_grp_title_arrow  itcui_frm_grp_title_arrow_expand" id="base_info_arrow"></span>
				<span class="itcui_frm_grp_title_txt">值班员日志</span>
			</div>
			<form action="" id="searchForm" class="autoform"></form>
		</div>
		
		<!-- <div id="blockSpace" style="height: 70px;width: 100%;"></div> -->
		
		<div id="detail" class="itcui_frm_grp_title" style="width:100%;display: none;">
			<span class="itcui_frm_grp_title_arrow itcui_frm_grp_title_arrow_expand" id="detail_arrow"></span>
			<span class="itcui_frm_grp_title_txt">交接班情况</span>
		</div>
		<div id="detail_subitem" style="width:100%;margin-top: 8px;display: none;">
			<div class="itcui_frm_row" style="height:65px">
				<span class="itcui_frm_field_name" style="float:left">接班情况：</span>
				<textarea id="jiebanContent" style="float:left;width:600px;height:60px;overflow: hidden;resize: none;border: 0px;font-size: 14px;" readonly="readonly"></textarea>
			</div>
			<div class="itcui_frm_row" style="height:110px;display: none;" id="jiaobanDiv">
				<span class="itcui_frm_field_name" style="float:left">交班情况：</span>
				<textarea id="jiaobanContent" style="float:left;width:600px;height:100px"></textarea>
			</div>
		</div>
		
		<div id="operation" class="itcui_frm_grp_title" style="width:100%;display: none;">
			<span class="itcui_frm_grp_title_arrow itcui_frm_grp_title_arrow_expand" id="detail_arrow"></span>
			<span class="itcui_frm_grp_title_txt">运行记事</span>
		</div>
		<div id="operationDetail" style="width:100%;margin-top: 8px;display: none;">
			<table class="itcui_table" id="operationData" style="clear:both" width="100%" cellspacing="0">
				<tr style="height:24px">
					<th width="140" class="th_sortable">记录时间</th>
					<th width="100" class="th_sortable">记录类型</th>
					<th width="500" class="th_sortable">记录内容</th>
					<th width="80" class="th_sortable">记录人</th>
				</tr>
			</table>
		
		</div>
		
		<div id="quartz" class="itcui_frm_grp_title" style="width:100%">
			<span class="itcui_frm_grp_title_arrow itcui_frm_grp_title_arrow_expand" id="detail_arrow"></span>
			<span class="itcui_frm_grp_title_txt">定期工作</span>
		</div>
		<div id="quartzDetail" style="width:100%;margin-top: 8px;">
			<div id="quartzTable">
				<table class="itcui_table" id="quartzData" style="clear:both" width="100%" cellspacing="0">
					<tr style="height:24px">
						<th width="140" class="th_sortable">计划日期</th>
						<th width="200" class="th_sortable">工作内容</th>
						<th width="100" class="th_sortable">工作类型</th>
						<th width="80" class="th_sortable">部门</th>
						<th width="80" class="th_sortable">负责人</th>
						<th width="140" class="th_sortable">计划执行时间</th>
						<th width="80" class="th_sortable">执行时限</th>
						<th width="80" class="th_sortable">时限类型</th>
						<th width="80" class="th_sortable">状态</th>
					</tr>
			</table>
			</div>
		</div>
		
		
	</div>

</body>
</html>